<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    function foo() {
      console.log("foo:",this)
    }

    // var obj = {foo:foo}
    // //显示绑定的优先级最高
    // obj.foo.apply("abc")
  //比较优先级
  //显示绑定的优先级高于隐式绑定
  //1.2.测试二：bind高于默认绑定
//   var bar = foo.bind("aaa")

// var obj = {
//   name:"why",
//   baz:bar
// }
  
//   obj.baz()//bind绑定高于其他
//2.new 绑定优先级高于隐式绑定
// var obj = {
//   name:"why",
//   foo:function() {
//     console.log("foo:",this)
//     console.log(obj===this)
//   }
// }
// new obj.foo()
//3.new 绑定和显示绑定
//3.1 new 不可以和aplly/call一起使用    从来不会一起使用，没有可比性，但是new可以和bind一起使用
// var bindFn = foo.bind("aaa")//先进行了绑定，绑定之后才new
// new bindFn()

//4.bind/apply优先级
// bind的优先级高于apply
function foo() {
  console.log("foo:",this)
}
var bindFn = foo.bind("aaa")
bindFn.apply("bbb")
  </script>
</body>
</html>